import * as theme from "theme";
import { getStatusBarHeight } from "../../../utils/adaptation";
import { createStyles } from "../../../utils/index";

const nav = getStatusBarHeight();

const styles = {
  root: {
    flex: 1,
    paddingTop: nav,
  },
  header: {
    backgroundColor: "#ffffff",
    paddingTop: nav,
  },
  panel: {
    backgroundColor: theme.ColorBackgroundColor,
    paddingHorizontal: 20,
  },
  content: {
    backgroundColor: theme.ColorBackground,
    flex: 1,
  },
};

export default createStyles(styles);
